<!DOCTYPE html>
<html>
<head>
    <title>站点帮助分类详情</title>
    <#include "/header.html">
    <link href="${request.contextPath}/statics/plugins/jquery-layout/jquery.layout-latest.css" rel="stylesheet" />
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.css">
    <script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>
</head>
<body>

<div id="rrapp" v-cloak class="container-div ui-layout-center">
    <div v-show="showList">
        <div class="grid-btn">

            <div class="form-group col-sm-2">
                <input type="text" class="form-control" v-model="search.title "
                       @keyup.enter="query" placeholder="标题">
            </div>
            <div class="form-group col-sm-2">
                    <select class="form-control" name="apply" v-model="search.apply">
                        <option value="-1">请选择应用渠道</option>
                        <option value="1">h5应用</option>
                        <option value="0">pc应用</option>
                    </select>
            </div>
            <a class="btn btn-default" @click="query">查询</a>

            <#if shiro.hasPermission("HelpCateDetail:helpcatedetail:save")>
              <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            </#if>

            <#if shiro.hasPermission("HelpCateDetail:helpcatedetail:update")>
               <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            </#if>

            <#if shiro.hasPermission("HelpCateDetail:helpcatedetail:delete")>
                  <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            </#if>
         </div>


        <div class="col-sm-12 select-info table-striped">
            <table id="bootstrap-table" data-mobile-responsive="true"></table>
        </div>
</div>
<div v-show="!showList" class="panel panel-default">
    <div class="panel-heading">{{title}}</div>
    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-2 control-label">选择应用:</div>
            <div class="typechose col-sm-10" >
                <select class="form-control" name="apply" v-model="selected">
                    <option >请选择应用渠道</option>
                    <option value="1">h5应用</option>
                    <option value="0">pc应用</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label">标题</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="helpCateDetail.title" placeholder="标题"/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label">上级分类</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" style="cursor:pointer;" v-model="helpCateDetail.parentName"
                       @click="menuTree" readonly="readonly" placeholder="一级菜单"/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label">详情</div>
            <div class="col-sm-10">
                <div class="edit">
                    <textarea  id="editor"  v-model="helpCateDetail.content"></textarea>
                </div>
            </div>
        </div>


        <div class="form-group">
            <div class="col-sm-2 control-label"></div>
            <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
        </div>
    </form>
</div>
</div>
<!-- 选择菜单 -->
<div id="menuLayer" style="display: none;padding:10px;">
    <ul id="menuTree" class="ztree"></ul>
</div>

<script src="${request.contextPath}/statics/plugins/jquery-layout/jquery.layout-latest.js"></script>

<script src="${request.contextPath}/statics/js/modules/HelpCateDetail/helpcatedetail.js?_${.now?long}"></script>

<script src="${request.contextPath}/statics/js/uedit/ueditor.config.js"></script>
<script src="${request.contextPath}/statics/js/uedit/ueditor.all.js"></script>
<script src="${request.contextPath}/statics/js/uedit/lang/zh-cn/zh-cn.js"></script>
</body>
<style lang="scss" scoped>
    .edit{
        width: 1200px;
        margin: auto;
    }
</style>

</html>